.banner {
  margin:10px auto 50px;
}
/*左边导航列表样式*/
.list {
  float:left;
  flex-direction: column;
  margin-right: 8px;
  width:250px;
  height:360px;
}
.list dl {
  flex:1;
  display: flex;
  flex-direction: column;
  width:250px;
  background-image:linear-gradient(to right,#3d610b, #abc270);
  border-radius: 14px;
  box-shadow:0 2px 1px 2px #fff;
}
.list dl:hover {
  transform: translateY(-4px);
  box-shadow:0 1px 4px 1px #3d610b;
}
.list dt:first-of-type {
  color:#fff;
  padding-left:8px;
  font-weight:600;
  font-size:20px;
}
.list dt:last-of-type>a {
  color:rgb(210, 233, 168);
  padding:10px 12px;
  font-size:12px;
}
.list dt:last-of-type>a:hover {
  text-decoration: underline;
}

/*右侧海报*/
.banner img {
  width:942px;
  height:360px;
  box-shadow:0 1px 8px 1px #abc270;
}